import Vue from 'vue'
import Router from 'vue-router'

import approvalsRouter from './modules/approvals'
import departmentsRouter from './modules/departments'
import employeesRouter from './modules/employees'
import permissionRouter from './modules/permission'
import attendancesRouter from './modules/attendances'
import salarysRouter from './modules/salarys'
import settingRouter from './modules/setting'
import socialRouter from './modules/social'
import userRouter from './modules/user.js'

Vue.use(Router)

/* Layout */
import Layout from '@/layout'


export const constantRoutes = [{
		path: '/login',
		component: () => import('@/views/login/index'),
		hidden: true
	},
	{
		path: '/',
		component: Layout,
		redirect: '/dashboard',
		children: [{
			path: 'dashboard',
			name: 'dashboard',
			component: () => import('@/views/dashboard/index'),
			meta: {
				title: '首页',
				icon: 'dashboard'
			}
		}]
	}, {
		path: '/import',
		component: Layout,
		hidden: true, // 隐藏在左侧菜单中
		children: [{
			path: '', // 二级路由path什么都不写 表示二级默认路由
			component: () => import('@/views/import')
		}]
	}, 
	userRouter
]

export const asyncRoutes = [
	approvalsRouter,
	departmentsRouter,
	employeesRouter,
	permissionRouter,
	attendancesRouter,
	salarysRouter,
	settingRouter,
	socialRouter
]

const createRouter = () => new Router({
	// mode: 'history', // require service support
	scrollBehavior: () => ({
		y: 0
	}),
	// routes: [...constantRoutes]
	routes: [...constantRoutes, ...asyncRoutes]
})

const router = createRouter()

// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
	const newRouter = createRouter()
	router.matcher = newRouter.matcher // reset router
}

export default router
